<template>
  <div class="maintenance-notice">
    <div class="header">
      <div class="arrow-with-text" @click="goBack">
        <van-icon name="arrow-left" class="back-icon" />
        <i class="el-icon-back" style="font-size: 24px"></i>
      </div>
    </div>
    <h1>关于酒店设施维护升级的通知</h1>
    <p>尊敬的各位宾客：</p>
    <p>为了给您提供更加优质、舒适的入住体验，云程栖居 将于 2025-03-10至2025-04-12 对部分酒店设施进行全面维护升级。在此期间，可能会对您的入住体验造成一定的不便，我们深表歉意，同时也感谢您的理解与支持。</p>


    <section>
      <h2>具体影响如下：</h2>
      <p><strong>健身房：</strong>在 2025-03-10 - 2025-03-13 期间暂停营业，预计于 2025-03-15 重新开放。在健身房维护期间，我们为您准备了一些简单的健身小贴士，可在前台领取，您也可以选择在酒店周边的公共健身区域进行锻炼。</p>
      <p><strong>游泳池：</strong>将于 2025-03-16 - 2025-03-18 进行换水和设备检修，2025-03-20 起正常开放。不便之处，我们为您提供了酒店合作的附近游泳馆的优惠入场券，您可在前台咨询领取。</p>
      <p><strong>部分客房设施：</strong>在维护期间，我们将分批次对部分客房的空调、卫浴等设施进行检查与维护。我们会尽量安排在您外出期间进行施工，若有特殊情况需要在您入住时进行维护，我们会提前与您沟通协调，并为您提供必要的协助。</p>
    </section>

    <section>
      <h2>其他信息</h2>
      <p>为了降低此次维护升级对您的影响，我们将安排专人跟进进度，确保各项工作按时完成。同时，在设施维护期间，酒店的其他服务，如餐饮、前台服务、客房服务等均正常运行。</p>
      <p>若您在入住期间有任何疑问或需求，请随时联系我们的前台（电话：100986）或客房服务中心，我们将竭诚为您服务。</p>
    </section>

    <section>
      <p>再次感谢您的理解与支持，期待在设施升级后，为您带来更完美的入住体验！</p>
      <p>云程栖居</p>
      <p>2025-02-27</p>
    </section>
  </div>
</template>

<script>
export default {
  name: 'MaintenanceNotice',
  methods: {
    goBack() {
      this.$router.push('/shezhi');
      this.$router.go(0);
    },
  }
};
</script>

<style scoped>
.maintenance-notice {
  padding: 20px;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.6;
}

h1 {
  text-align: center;
  margin-bottom: 20px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  color: #333;
}

p {
  margin-bottom: 10px;
  color: #555;
}

section {
  margin-bottom: 30px;
}
.back-icon {
  color: #333;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.back-icon van-icon {
  margin-right: 5px;
}
/* 头部样式 */
.header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 15px;
  background-color: #fff;
}
</style>
